<!DOCTYPE html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml">

<head>
    <meta content="text/html;charset = utf-8" http-equiv="content-type">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

    <title>增加采购单品目</title>

    <link href="../lib/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
    <link href="../lib/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css"/>

    <link href="../home/css/personal.css" rel="stylesheet" type="text/css">
    <link href="../home/css/infstyle.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="../lib/jquery/jquery.min.js"></script>
    <script src="../lib/AmazeUI-2.4.2/assets/js/amazeui.js" type="text/javascript"></script>
    <script src="../lib/vue/2.4.2/vue.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../lib/elementui/1.4.3/theme-default/index.css">
    <script src="../home/js/vue.min.js"></script>
    <script src="../lib/elementui/1.4.3/index.js"></script>

</head>

<body>
<div id="addPurchaseOrderDetail">
    <div class="center" style="margin-top: -10px">
        <div class="col-main">
            <div class="main-wrap">

                <div class="user-info">
                    <div v-if="purchaseType === '申请'">
                    <!--标题 -->
                    <div class="am-cf am-padding">
                        <div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">添加采购商品</strong></div>
                    </div>
                    </div>
                    <!--个人信息 -->
                    <div class="info-main">
                        <form class="am-form am-form-horizontal">
                            <div class="am-form-group">
                                <label class="am-form-label">商品名称</label>
                                <div class="am-form-content">
                                    <input type="text" placeholder="商品名称" v-model="purchaseOrderDetail.goodsName" >
                                </div>
                            </div>
                            <div class="am-form-group">
                                <label class="am-form-label">品目名称</label>
                                <div class="am-form-content">
                                    <!--<input v-model="purchaseOrderDetail.pmmc" type="text" id="user-name1"-->
                                           <!--placeholder="品目名称">-->
                                    <el-cascader  :options="category"   v-model="selectedOptions"  placeholder="品目名称"></el-cascader>
                                    <span style="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{purchaseOrderDetail.pmmc}}</span>
                                </div> </div>

                            <div class="am-form-group">
                                <label class="am-form-label">品目编码</label>

                                <div class="am-form-content address">
                                    <input  readonly="readonly" v-model="purchaseOrderDetail.pmbm"  v-on:focus="onSelectMenu" type="text" id="user-name2"
                                           placeholder="品目编码">
                                </div>
                            </div>
                            <div class="am-form-group">
                                <label class="am-form-label">规格型号</label>
                                <div class="am-form-content">
                                    <input type="text" placeholder="规格型号" v-model="purchaseOrderDetail.ggxh" id="user-name3">
                                </div>
                            </div>

                            <div class="am-form-group">
                                <label class="am-form-label">单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位</label>
                                <div class="am-form-content">
                                    <input type="text" placeholder="单位" v-model="purchaseOrderDetail.dw" id="user-name4">
                                </div>
                            </div>
                            <div class="am-form-group">
                                <label class="am-form-label">数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量</label>
                                <div class="am-form-content">
                                    <input @blur="onChange" type="text"  placeholder="数量" @change="checkRole(purchaseOrderDetail.sl)" v-model="purchaseOrderDetail.sl" id="user-name5">
                                </div>
                            </div>

                            <div class="am-form-group">
                                <label class="am-form-label">单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价</label>
                                <div class="am-form-content">
                                    <input @blur="onChange" type="text" placeholder="元" v-model="purchaseOrderDetail.dj"  @change="checkRole(purchaseOrderDetail.dj)" id="user-name6">
                                </div>
                            </div>


                            <div class="am-form-group">
                                <label class="am-form-label">总&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价</label>
                                <div class="am-form-content">
                                    <input type="text" placeholder="元" v-model="purchaseOrderDetail.zj" id="user-name8"  disabled>

                                </div>
                            </div>
                            <div class="am-form-group">
                                <label class="am-form-label"> 主要配置</label>
                                <div class="am-form-content">
                                    <textarea rows="4" cols="50" name="comment"  resize="none" v-model="purchaseOrderDetail.jscs" id="user-name7"></textarea>
                                </div>
                            </div>
                            <div  class="info-btn" style="padding-top: 80px" >
                                <div v-if="purchaseType === '申请'">
                                <button type="button" class="am-btn am-btn-success"  v-on:click="addPurchaseDetail()"><a style="color:#FFFFFF">保&nbsp;&nbsp;&nbsp;&nbsp;存</a></button>
                                <div class="am-btn am-btn-danger" style="margin-left: 30px;"><a href="../person/index.html" style="color:#FFFFFF">取&nbsp;&nbsp;&nbsp;&nbsp;消</a></div>
                                </div>
                                <!--<div v-else-if="purchaseType === ''">-->
                                    <!--<button type="button" class="am-btn am-btn-success"  v-on:click="addPurchaseDetail()"><a>保&nbsp;&nbsp;&nbsp;&nbsp;存</a></button>-->
                                    <!--&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
                                    <!--<div class="am-btn am-btn-danger" v-on:click=""><a>取&nbsp;&nbsp;&nbsp;&nbsp;消</a></div>-->
                                <!--</div>-->
                                <!--<div v-else>-->
                                    <!--<div class="am-btn am-btn-danger" v-on:click=""><a>取&nbsp;&nbsp;&nbsp;&nbsp;消</a></div>-->
                                <!--</div>-->
                            </div>

                        </form>


                    </div>

                </div>

            </div>
            <!--底部-->

        </div>



    </div>
</div>

</body>
<script src="../charge/addPurchaseOrderDetail.js"></script>

</html>

